<![CDATA[
/*
-------------------------------------------------------------------------------------------
template Name    :  DCM - BLUE
Author & Designer:  http://urang-kurai.blogpsot.com
Original demo : http://dcm-blue.blogspot.com/
License:  This free Blogger template is licensed under the Creative Commons Attribution 3.0 License,
which permits both personal and commercial use. However, to satisfy the 'attribution' clause of the license,
you are required to keep the footer links intact which provides due credit to its authors. For more specific
details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0
------------------------------------------------------------------------------------------- */

/* ---- body#layout ----  */
body#layout{float:left;width:1680px;padding:60px 10px 20px 20px;}body#layout #main{float:left;width:320px;}body#layout #left-content {float:left;width:600px;position:relative!Important;}body#layout #left-content .sidebar{float:left;width:200px;margin:0;padding: 0;}body#layout #left-content #sidebar-wrapper{margin:-45px 0 0 0;}body#layout #left-content #sidebar-wrapper .widget-content{display:inline-block;position:relative;overflow:hidden;max-width:181px;padding:10px 0;margin:0;text-align:left;}body#layout a.editlink{right:20px!Important;bottom:10px!Important;position:absolute!Important;}body#layout #PageList-mobile{display:none!Important;}
/* ---- RESET----  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
sidebarle, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

.td {
    display: none;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

sidebarle {
    border-collapse: collapse;
    border-spacing: 0;
}

.feed-links {
    display: none!Important;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.title-header {
    display: block;
    float: left;
}

body ,html {
    padding: 0;
    margin: 0;
}

iframe#navbar-iframe {
    display: none;
}

body {
    background-color: #111;
    background-image: url();
    line-height: 1.5em!Important;
    font: normal normal 16px "open sans",Arial,Helvetica,sans-serif;
    color: #777;
}

a {
    color: #888;
    text-decoration: none;
}

.status-msg-wrap {
    position: fixed!Important;
    position: abolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #181818;
    font: 140%/100% arial,sans serif;
    ;
        padding: 18% 0;
    left: 120px;
    bottom: 0;
    right: 0;
    z-index: 99;
    text-align: center;
}

.status-msg-wrap:after {
    content: "error 404";
    font: 540%/100% arial,sans serif;
    ;
}

.status-msg-body {
    width: 50%;
    position: relative;
    z-index: 2222;
    margin: 0 auto!important;
}

.status-msg-bg,.status-msg-border {
    display: none;
}

#container {
    margin: 0 0 0 250px;
}

.post-outer {
	width: 530px;
	padding:0 10px;
	margin:0 auto;
	float: left;
	word-wrap: break-word;
	overflow: hidden;
}

.content-wrapper {
   margin: 0 auto;
}

.post-outer a {
    color: #fff;
}

.green h3.post-title.entry-title,



.green h3.post-title.entry-title {
    background: #ab1844!Important;
}

.post-title.entry-title.xxcomment {
    display: none;
}

.green h3.post-title.entry-title.xxcomment {
    display: block!Important;
}

.green h3.post-title.entry-title.posting {
    display: none!Important;
}


.breadcrumbs {
    font-size: 60%;
    padding: 0 42px;
    line-height: 30px;
    overflow: hidden;
  
}

.breadcrumbs li {
    float: left;
    padding: 4px 10px;
    margin: 0;
}



.xtopfn {
    font-size: 60%;
    font-style: italic;
    padding: 6px 48px;
    overflow: hidden;
    color: #87bed0;
    background: #0584ad;
}

.xtopfn a {
    color: #87bed0;
}

.blog-page-wrap,
.blog-page-wrap-mobile {
    width: 160px;
    position: fixed;
    z-index: 3;
    bottom: 10px;
    right: 10px;
}

.blog-page-wrap span ,
.blog-page-wrap-mobile span {
    float: left;
    position: relative;
    z-index: 30;
    background: rgb(37,37,37);
/* Old browsers */
    background: -moz-linear-gradient(top,  rgba(37,37,37,1) 0%, rgba(20,20,20,1) 100%);
/* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(37,37,37,1)), color-stop(100%,rgba(20,20,20,1)));
/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(37,37,37,1) 0%,rgba(20,20,20,1) 100%);
/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(37,37,37,1) 0%,rgba(20,20,20,1) 100%);
/* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(37,37,37,1) 0%,rgba(20,20,20,1) 100%);
/* IE10+ */
    background: linear-gradient(to bottom,  rgba(37,37,37,1) 0%,rgba(20,20,20,1) 100%);
/* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#141414',GradientType=0 );
/* IE6-9 */
    padding: 4px 10px 0px 10px;
    border-top: 1px solid #353535;
}

#home-link {
    padding: 4px 22px 0px 21px;
    margin: 0;
    border-right: 1px solid #282828;
    border-left: 1px solid #000;
}

#blog-pager-newer-link {
    border-right: 1px solid #282828;
    border-radius: 25px  0 0 25px;
    -webkit-border-radius: 25px  0 0 25px;
    -moz-border-radius: 25px  0 0 25px;
}

#blog-pager-older-link {
    float: left;
    border-left: 1px solid #000;
    border-radius: 0 25px 25px  0;
    -webkit-border-radius: 0 25px 25px  0;
    --moz-border-radius: 0 25px 25px  0;
}

.post.hentry {
    margin: 0!Important;
    padding: 0!Important;
    width: 100%!Important;
}

#loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #111111;
    z-index: 99;
    text-align: center;
    width: 100%;
    height: 100%;
    padding-top: 20%;
    font: bold 50px Calibri,Arial,Sans-Serif;
    color: #666;
    margin: 0 0 0 100px;
}
.background-loading-page{
    position: fixed;
    left:50%;
    top:25%;
    display:inline-block;
    width:200px;
    height:200px;
    text-decoration:blink;
}


#xcomments,#comments {
    background-color: #bb1d4c;
    margin: 0;
    display: block;
    padding: 50px 40px 100px 40px;
}

#gpluscomments.cmt_iframe_holder iframe {
    margin: 0!Important;
    display: block!Important;
    max-width: 833px!Important;
    ;
width: 200%!Important;
    ;;
}



ul#bottoms {
    margin: 40px 0 0 30px;
    float: left;
    padding: 0 40px;
    display: block;
    width: 100%;
    font-size: 80%;
}

#bottom1:after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    margin: -0px 0 0 92px;
    border-width: 30px;
border-style: solid;
    border-color: rgba(0, 0, 0, .2) transparent transparent;

    display: block;

}

#bottom2:after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    margin: -0px 0 0 200px;
    border-width: 30px;
    border-style: solid;
    border-color: rgba(0, 0, 0, .2) transparent transparent;
    display: block;
}

ul#bottoms li {
    position: relative;
    float: left;
    padding: 20px;
    border:  rgba(0,0,0,0.7);
box-shadow: 0 -6px 13px rgba(0, 0, 0, .7);
	-moz-box-shadow: 0 -5px 12px rgba(0, 0, 0, .7); 
    border-radius: 120px;
    -webkit-border-radius: 120px;
    -moz-border-radius: 120px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    margin: 0 10px 0 0;
}

ul#bottoms li a {
    text-align: center;
    font-size: 26px;
    position: absolute;
    padding: 26px 30px 30px 0px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
}

ul#bottoms li.bottom-tab-1 {
    background-color: rgba(0, 0, 0, .2);
}

ul#bottoms li.bottom-tab-2 {
    background-color: rgba(0, 0, 0, .2);
}

ul#bottoms li#Blog1_backlinks-container {
    background-color: #05769b;
}

.green ul#bottoms li.bottom-tab-1 {
    background-color: #9e1940!Important;
    ;
}

.green ul#bottoms li.bottom-tab-2 {
    background-color: #bb1d4c!Important;
    ;
}

.green ul#bottoms li#Blog1_backlinks-container {
    background-color: #821435!Important;
    ;
}

#left-content {
    width: 250px;
    position: fixed;
    bottom: 0;
    top: 0;
    float: left;
    z-index: 100;
    overflow: hidden;
    height: 100%;
    background: #1e1e1e;
    box-shadow: 0 0 10px #000;
    -webkit-shadow: 0 0 10px #000;
}

#left-content #sidebars {
    overflow: hidden;
    width: 17em;
    margin: 0;
    padding: 0;
    list-style: none;
}

#left-content #sidebars li {
    float: left;
    margin: 0;
    font-size: 12px;
    padding: 10px;
    text-align: center;
    display: inline-block;
    width: 5.2em;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: #2d2d2d;
/* Old browsers */
    background: -moz-linear-gradient(top,  #2d2d2d 0%, #161616 100%);
/* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d2d2d), color-stop(100%,#161616));
/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2d2d2d 0%,#161616 100%);
/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2d2d2d 0%,#161616 100%);
/* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2d2d2d 0%,#161616 100%);
/* IE10+ */
    background: linear-gradient(to bottom,  #2d2d2d 0%,#161616 100%);
/* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#161616',GradientType=0 );
/* IE6-9 */
    border-bottom: 1px solid #050505;
    border-left: 1px solid #050505;
}

#left-content #sidebars a:hover,
#left-content #sidebars a:focus {
    border-bottom-color: #2ac7e1;
    opacity: 1;
    filter: alpha(opacity=100);
}

#left-content #sidebars #current {
    z-index: 3;
    opacity: 0.4;
}

#left-content .sidebar1,#left-content .sidebar2,#left-content .sidebar3 {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(http://4.bp.blogspot.com/-78oM0Re-u6M/UYv-WfE4znI/AAAAAAAABaI/33fTWfUdreE/s1600/sprites.png);
    background-repeat: no-repeat;
}

#left-content .sidebar1 {
    background-position: 0 0;
}

#left-content .sidebar2 {
    background-position: -32px 0;
}

#left-content .sidebar3 {
    background-position: -64px 0;
}
/* ----------- */
#content-sidebar {
/*height: 220px;*/
    ;
}

#left-content #header-inner {
    padding-top: 10px!Important;
    padding-bottom: 20px!Important;
    width: 92%!Important;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #242424;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#2a2a2a), to(#242424));
    background-image: -moz-linear-gradient(#2a2a2a, #242424);
    background-image: -ms-linear-gradient(#2a2a2a, #242424);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a2a2a), color-stop(100%, #242424));
    background-image: -webkit-linear-gradient(#2a2a2a, #242424);
    background-image: -o-linear-gradient(#2a2a2a, #242424);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a2a2a', endColorstr='#242424', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a2a2a', endColorstr='#242424', GradientType=0)";
    background-image: linear-gradient(#2a2a2a, #242424);
    border-bottom: 1px solid #050505;
}

#left-content #header-inner img,
#left-content #header-inner {
    overflow: hidden;
    padding: 0 10px;
    text-align: center!Important;
    margin: 0;
}
#left-content #header-inner{
    -webkit-background-size:90%!important;
    -moz-background-size:90%!important;
    -o-background-size: 90%!important;
    background-size: 90%!important;
    min-height:60px!important;
    height:60px!important;
}
#left-content #header-inner img{
    width:90%;
    height:auto;
}
#left-content .header h1.title {
    font-size: 20px;
    line-height: 28px!important;
    ;
font-style: normal;
    font-weight: 400;
    border: none;
    padding: 0;
}

#left-content p.description {
    margin: 0auto;
    letter-spacing: 1px;
    line-height: 1em;
    font-size: 10px;
    color: #aaa!important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

#left-content .header h1.title,
#left-content .header h1.title a:link,
#left-content .header h1.title a:visited {
    color: #fff!important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

#left-content input,
#left-content option,
#left-content select {
    color: #888!Important;
    ;
border: 1px solid #222;
    ;
background: #111!Important;
    margin: 0 auto;
}

#left-content .widget-content {
    font-size: 70%!Important;
}

#left-content .header h1.title a:hover {
}

#left-content .widget.PageList li {
    font-size: 12px;
    display: block;
    width: 180px;
    margin: 4px 0 0 4px;
    padding: 4px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #97ce37;
/* Old browsers */
    background: -moz-linear-gradient(top,  #97ce37 0%, #51731d 100%);
/* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#97ce37), color-stop(100%,#51731d));
/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #97ce37 0%,#51731d 100%);
/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #97ce37 0%,#51731d 100%);
/* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #97ce37 0%,#51731d 100%);
/* IE10+ */
    background: linear-gradient(to bottom,  #97ce37 0%,#51731d 100%);
/* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97ce37', endColorstr='#51731d',GradientType=0 );
/* IE6-9 */
    ;
}

#left-content .widget.PageList li a {
    color: #111;
    text-shadow: 0 1px 0 #9DCC47!Important;
}

#left-content #sidebar-wrapper h2 ,
a.Mobile-version {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 78%;
    color: #5a5a5a;
    text-shadow: 0 1px 1px #000;
    cursor: pointer;
    background: rgb(37,37,37);
/* Old browsers */
    background: -moz-linear-gradient(top,  rgba(37,37,37,1) 0%, rgba(20,20,20,1) 100%);
/* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(37,37,37,1)), color-stop(100%,rgba(20,20,20,1)));
/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(37,37,37,1) 0%,rgba(20,20,20,1) 100%);
/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(37,37,37,1) 0%,rgba(20,20,20,1) 100%);
/* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(37,37,37,1) 0%,rgba(20,20,20,1) 100%);
/* IE10+ */
    background: linear-gradient(to bottom,  rgba(37,37,37,1) 0%,rgba(20,20,20,1) 100%);
/* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#141414',GradientType=0 );
/* IE6-9 */
    padding: 15px 60px 15px 45px;
    border-top: 1px solid #353535;
    border-bottom: 1px solid #050505;
    box-shadow: 0 1px 0 #353535;
    -webkit-box-shadow: 0 1px 0 #353535;
    -moz-box-shadow: 0 1px 0 #353535;
}

#left-content #sidebar-wrapper h2:after {
    content: "+";
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-radius: 3px;
    background: rgb(19,145,179);
/* Old browsers */
    background: -moz-linear-gradient(top,  rgba(19,145,179,1) 0%, rgba(1,110,147,1) 50%, rgba(0,79,106,1) 100%);
/* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(19,145,179,1)), color-stop(50%,rgba(1,110,147,1)), color-stop(100%,rgba(0,79,106,1)));
/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(19,145,179,1) 0%,rgba(1,110,147,1) 50%,rgba(0,79,106,1) 100%);
/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(19,145,179,1) 0%,rgba(1,110,147,1) 50%,rgba(0,79,106,1) 100%);
/* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(19,145,179,1) 0%,rgba(1,110,147,1) 50%,rgba(0,79,106,1) 100%);
/* IE10+ */
    background: linear-gradient(to bottom,  rgba(19,145,179,1) 0%,rgba(1,110,147,1) 50%,rgba(0,79,106,1) 100%);
/* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1391b3', endColorstr='#004f6a',GradientType=0 );
/* IE6-9 */
    text-align: center;
    line-height: 27px;
    width: 30px;
    height: 25px;
    font-size: 16px;
    position: absolute;
    top: 14px;
    right: 14px;
    text-shadow: 0 1px 0 #333!Important;
    color: #000!Important;
}

#left-content #sidebar-wrapper h2.active:after {
    content: "__";
    font-size: 10px!Important;
    ;
line-height: 14px!Important;
    box-shadow: 0 0 10px  rgb(143,196,0);
    -webkit-box-shadow: 0 0 10px  rgb(143,196,0);
    -moz-box-shadow: 0 0 10px  rgb(143,196,0);
}

#sidebar-wrapper h2:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 19px;
    left: 12px;
    background-repeat: no-repeat;
    background-image: url(//3.bp.blogspot.com/-wwCD2GALTcc/UYk2s3i44TI/AAAAAAAABZA/EOZuAh_lELs/s00/sprites.png);
}

.widget.PageList h2:before {
    background-position: -32px 0;
}

.widget.Profile h2:before {
    background-position: -96px 0;
}

.widget.VideoBar h2:before {
    background-position: -64px 0;
}

.widget.CustomSearch h2:before {
    background-position: -128px 0;
}

.widget.BlogList h2:before {
    background-position: -192px 0;
}

.widget.PlusBadge h2:before {
    background-position: -448px 0;
}

.widget.Translate h2:before {
    background-position: -384px 0;
}

.widget.PlusFollowers h2:before {
    background-position: -256px 0;
}

.widget.Label h2:before {
    background-position: -414px 0;
}

.widget.PopularPosts h2:before {
    background-position: -288px 0;
}

.widget.widget.Poll h2:before {
    background-position: -222px 0;
}

.widget.Stats h2:before {
    background-position: -160px 0;
}

.widget.BlogArchive h2:before {
    background-image: url(//3.bp.blogspot.com/-32SBpF9pEmA/UZJ1_6BbW3I/AAAAAAAABeU/bAr90mVTfHI/s1600/sprites_1.png)!Important;
    background-position: 0 0!Important;
    ;
}

.widget.FollowByEmail h2:before {
    background-image: url(//3.bp.blogspot.com/-32SBpF9pEmA/UZJ1_6BbW3I/AAAAAAAABeU/bAr90mVTfHI/s1600/sprites_1.png)!Important;
    background-position: -96px 0;
}

#left-content .widget.Label li {
    float: left;
    width: 78px;
    margin: 4px 0 0 4px;
    padding: 4px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: rgb(19,145,179);
/* Old browsers */
    background: -moz-linear-gradient(top,  rgba(19,145,179,1) 0%, rgba(1,110,147,1) 50%, rgba(0,79,106,1) 100%);
/* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(19,145,179,1)), color-stop(50%,rgba(1,110,147,1)), color-stop(100%,rgba(0,79,106,1)));
/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(19,145,179,1) 0%,rgba(1,110,147,1) 50%,rgba(0,79,106,1) 100%);
/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(19,145,179,1) 0%,rgba(1,110,147,1) 50%,rgba(0,79,106,1) 100%);
/* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(19,145,179,1) 0%,rgba(1,110,147,1) 50%,rgba(0,79,106,1) 100%);
/* IE10+ */
    background: linear-gradient(to bottom,  rgba(19,145,179,1) 0%,rgba(1,110,147,1) 50%,rgba(0,79,106,1) 100%);
/* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1391b3', endColorstr='#004f6a',GradientType=0 );
/* IE6-9 */
    ;
}

#left-content .widget.Label li.active,
#left-content #sidebar-wrapper h2.active:after {
    background: rgb(143,196,0);
/* Old browsers */
    background: -moz-linear-gradient(top,  rgba(143,196,0,1) 0%, rgba(116,155,0,1) 100%);
/* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,196,0,1)), color-stop(100%,rgba(116,155,0,1)));
/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(143,196,0,1) 0%,rgba(116,155,0,1) 100%);
/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(143,196,0,1) 0%,rgba(116,155,0,1) 100%);
/* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(143,196,0,1) 0%,rgba(116,155,0,1) 100%);
/* IE10+ */
    background: linear-gradient(to bottom,  rgba(143,196,0,1) 0%,rgba(116,155,0,1) 100%);
/* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#749b00',GradientType=0 );
/* IE6-9 */
    ;
}

#left-content #content-sidebar .widget.index input[type="radio"],
.widget.index input[type="checkbox"] {
    position: absolute;
    left: -999em;
}

#left-content #content-sidebar .widget.index input[type="radio"] + label:before,
#left-content #content-sidebar .widget.index input[type="checkbox"] + label:before {
    content: "";
    display: inline-block;
    position: relative;
    top: 0.85em;
    left: -2px;
    width: 25px;
    height: 25px;
    background-image: url(http://2.bp.blogspot.com/-Ti-ZZ6TrV6k/UZEjHcI-iII/AAAAAAAABdo/MXDtlM_73PY/s1600/chebox-radio.png);
}

#left-content #content-sidebar .widget.index input[type="checkbox"] + label:before {
    background-position: 0 0;
}

#left-content #content-sidebar .widget.index input[type="checkbox"]:checked + label:before {
    background-position: 0 -25px;
}

#left-content #content-sidebar .widget.index input[type="radio"] + label:before {
    background-position: -25px -25px;
}

#left-content #content-sidebar .widget.index input[type="radio"]:checked + label:before {
    background-position: -25px 0;
}

#left-content #content-sidebar .widget.index label {
    white-space: nowrap;
    float: left;
    width: 80px!Important;
    padding: 0 20px 0 0;
    display: inline-block;
    overflow: hidden;
    font-size: 11px;
    color: #555;
    font-family: arial,sans serif;
    text-overflow: ellipsis;
    cursor: pointer;
}

#left-content .widget.Label li.active a {
    text-shadow: 0 1px 0 #99B700!Important;
}

#left-content .widget.Label li span,
#left-content .widget.Label .quickedit {
    display: none!Important;
}

#left-content .widget.Label li a {
    color: #000;
    font-size: 12px;
    text-shadow: 0 1px 0 #1093c6;
}

#left-content .widget {
    overflow: hidden;
}

#left-content #sidebar-wrapper .widget-content {
    display: none;
    max-height: 300px;
    width: 220px;
    overflow: auto;
    margin: 20px -260px 15px 0;
    padding: 0 270px 0 20px;
}

#left-content .widget.PopularPosts .widget-content {
    margin: 14px 0 10px 8px!Important;
    width: 240px;
    padding: 0;
    margin: 0;
}

#left-content .widget.PopularPosts li {
    margin: 0 0 4px 4px;
    height: 72px;
    width: 72px;
    overflow: hidden;
    float: left;
    padding: 0;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 2px 2px #000;
}

#left-content .widget.PopularPosts li .item-title {
    display: none;
    ;
}

#left-content .widget.PopularPosts img {
    float: left;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#left-content .widget.PopularPosts .item-snippet {
    display: none!Important;
}

.CSS_LIGHTBOX_SCALED_IMAGE_IMG {
    outline: none !important;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 2px 5px #000000;
    -moz-box-shadow: 0px 2px 5px #000000;
    box-shadow: 0px 2px 5px #000000;
    margin: 0 0 0 200px;
}

.CSS_LIGHTBOX_FILMSTRIP {
    background-color: transparent !important;
}

.CSS_LIGHTBOX_ATTRIBUTION_INFO, .CSS_LIGHTBOX_ATTRIBUTION_LINK {
    color: #000 !important;
}

.CSS_LIGHTBOX_INDEX_INFO {
    color: #555555 !important;
}

.CSS_LIGHTBOX_BTN_CLOSE.CSS_LIGHTBOX_BTN_CLOSE_POS {
    background-image: url(//1.bp.blogspot.com/-sQ2ookr5suI/UY_vbXdST3I/AAAAAAAABcc/OdGykytax6g/s1600/close.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    right: 20px;
    top: 20px;
}

.icon-bubbles,.icon-file-openoffice {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(http://1.bp.blogspot.com/-WdRVbu2xFSs/UZEoO6aVx2I/AAAAAAAABd4/rQPPO4BUIlI/s1600/sprites.png);
    background-repeat: no-repeat;
}

.icon-bubbles {
    background-position: 0 0;
    width: 36px;
}

.icon-file-openoffice {
    background-position: -64px 0;
}

.item ,.isotope-item {
    float: left;
    width: 18.70%;
    max-width: 189px;
    max-height: 189px;
    overflow: hidden;
    height: auto;
    margin: 0 0 10px 10px!Important;
    padding: 0!Important;
    box-shadow: 0 2px 4px #000;
}

.item img {
    width: 100%!Important;
    margin: 0 0 -6px 0;
    max-width: 189px;
    max-height: 189px;
    height: auto;
}

.hover-item {
    width: 100%;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.verlay {
    cursor: pointer!Important;
    background: rgba(0,165,223,0.8) url();
    -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.7) inset, rgba(255,255,255,0.8) 0px 1px 0px inset;
    -moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.7) inset, rgba(255,255,255,0.8) 0px 1px 0px inset;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.7) inset, rgba(255,255,255,0.8) 0px 1px 0px inset;
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: none;
}

.post-meta1 {
    position: absolute;
    overflow: hidden;
    top: 0;
    color: #fff;
    display: none;
    width: 100%;
    height: 100%;
}

a.link {
    position: absolute;
    bottom: 0;
    width: 85px;
    height: 85px;
    top: 40%;
    left:25%;
    z-index: 8;
    color: #fff;
    text-shadow: 0 0 4px #fff;
    right: 0;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.9s;
    -moz-transition-duration: 0.9s;
    -ms-transition-duration: 0.9s;
    -o-transition-duration: 0.9s;
    transition-duration: 0.9s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.load-more {
    padding: 80px 0 20px 0;
    margin: 100px 0 100px 20%;
    text-align: center;
    diplay: inline-block;
}

button.load-left {
    overflow: hidden;
    position: relative;
    height: 37px;
    line-height: 30px;
    display: inline-block;
    margin: 0;
    padding: 0 58px;
    border-width: 1px;
    border-style: solid;
    border-color: #080808;
    background-color: #272727;
    color: #a7a7a7;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 #0e0e0e;
    letter-spacing: 1px;
    font-size: 12px;
    cursor: pointer;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #000000;
    text-shadow: 0 1px 0 #0e99ce;
    background: rgb(7,165,218);
/* Old browsers */
    background: -moz-linear-gradient(top,  rgba(7,165,218,1) 0%, rgba(1,86,118,1) 100%);
/* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(7,165,218,1)), color-stop(100%,rgba(1,86,118,1)));
/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(7,165,218,1) 0%,rgba(1,86,118,1) 100%);
/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(7,165,218,1) 0%,rgba(1,86,118,1) 100%);
/* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(7,165,218,1) 0%,rgba(1,86,118,1) 100%);
/* IE10+ */
    background: linear-gradient(to bottom,  rgba(7,165,218,1) 0%,rgba(1,86,118,1) 100%);
/* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07a5da', endColorstr='#015676',GradientType=0 );
/* IE6-9 */
    ;
}

button.no-post {
    overflow: hidden;
    position: relative;
    height: 37px;
    line-height: 30px;
    display: inline-block;
    margin: 0;
    padding: 0 58px;
    border-width: 1px;
    border-style: solid;
    border-color: #080808;
    background-color: #272727;
    color: #a7a7a7;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 #0e0e0e;
    letter-spacing: 1px;
    font-size: 12px;
    cursor: pointer;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #000000;
    text-shadow: 0 1px 0 #222;
    background: rgb(37,37,37);
/* Old browsers */
    background: -moz-linear-gradient(top,  rgba(37,37,37,1) 0%, rgba(20,20,20,1) 100%);
/* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(37,37,37,1)), color-stop(100%,rgba(20,20,20,1)));
/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(37,37,37,1) 0%,rgba(20,20,20,1) 100%);
/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(37,37,37,1) 0%,rgba(20,20,20,1) 100%);
/* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(37,37,37,1) 0%,rgba(20,20,20,1) 100%);
/* IE10+ */
    background: linear-gradient(to bottom,  rgba(37,37,37,1) 0%,rgba(20,20,20,1) 100%);
/* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#141414',GradientType=0 );
/* IE6-9 */
    ;
}

button.shuffle {
    height: 37px;
    line-height: 30px;
    margin: 0;
    padding: 0 18px;
    border-width: 1px;
    border-style: solid;
    border-color: #080808;
    background-color: #272727;
    color: #a7a7a7;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #000;
    letter-spacing: 1px;
    font-size: 12px;
    cursor: pointer;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: rgb(37,37,37);
/* Old browsers */
    background: -moz-linear-gradient(top,  rgba(37,37,37,1) 0%, rgba(20,20,20,1) 100%);
/* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(37,37,37,1)), color-stop(100%,rgba(20,20,20,1)));
/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(37,37,37,1) 0%,rgba(20,20,20,1) 100%);
/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(37,37,37,1) 0%,rgba(20,20,20,1) 100%);
/* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(37,37,37,1) 0%,rgba(20,20,20,1) 100%);
/* IE10+ */
    background: linear-gradient(to bottom,  rgba(37,37,37,1) 0%,rgba(20,20,20,1) 100%);
/* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#141414',GradientType=0 );
/* IE6-9 */
    ;
}

#copyright {
    display: block;
    font-family: arial,sans serif;
    color: rgba(255,255,255,0.2)!Important;
    ;
color: #333;
    text-align: center;
    font-size: 8px;
    margin:200px 0 0 250px;
    text-transform: uppercase;
    letter-spacing: 2px;
}


#copyright {
    display: block;
    font-family: arial,sans serif;
    color: rgba(255,255,255,0.2)!Important;
    ;
color: #333;
    text-align: center;
    font-size: 8px;
    margin: 0 0 -37px 250px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.PageList-mobile {
    display: none;
}

.Mobile-version {
    position: absolute!Important;
    ;
font-size: 10px!Important;
    ;
padding: 5px 0!Important;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
}

.icon-plus,.icon-cancel,.icon-user,.icon-clock {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(//3.bp.blogspot.com/-eY-lkBsZhTQ/UZJ-MEl53sI/AAAAAAAABes/tnEgOsJHB0U/s1600/sprites.png);
    background-repeat: no-repeat;
}

.icon-plus {
    background-position: 0 0;
}

.icon-cancel {
    background-position: -32px 0;
}

.icon-user {
    background-position: -64px 0;
}

.icon-clock {
    background-position: -96px 0;
}

* {margin:0px;padding:0px;}
#navbar-iframe {height:0px;visibility:hidden!important;display:none!important}
body#layout {padding:30px;margin-top:50px;}
body#layout div{margin:0;padding:0;}
body#layout div#slider-body,body#layout div#search{display:none!important;}
body#layout div#blog-title,body#layout div#footer-bawah1{width:23.8%!important;float:left;}
body#layout div#header-wrapper{width:100%;float:left;padding:0;margin-bottom:10px;}
body#layout div#pages{width:71%;float:left;}
body#layout div#main-wrapper{width:70%;float:left;}
body#layout div#side-wrapper{width:22%;float:left;}
body {
	background:#1B1B1D url(http://4.bp.blogspot.com/-O8yztk6WVcU/T0NkbFabmQI/AAAAAAAAAgY/5b0-oJ207os/s000/pattern.png);
	margin:0;
	color:#7B7F88;
	font-size:12px;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	overflow-x:hidden;
}
    a:link {color:#333;text-decoration:none;}
    
    a:hover {color:#555;text-decoration:none;}
    a img {border-width:0;}
        .hr {
	border: 0 #111 solid;
	border-top: 1px solid #000;
	border-bottom: 1px solid #fff;
	clear: both;
	height: 0;
	margin: 0;
}
/* Headings*/
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h1 {font-size: 200%;}
h2 {font-size: 180%;}
h3 {font-size: 160%;}
h4 {font-size: 140%;}
h5 {font-size: 120%;}
h6 {font-size: 110%;}

/* table*/
table {color:#555;border-collapse: collapse;border-spacing: 0;margin: 10px 0;}
table td,table th {text-align: left;padding: .4em .8em;border: 1px solid rgba(255, 255, 255, 0.03);}
table th {text-transform: uppercase;font-weight: 400;background-color:rgba(255, 255, 255, 0.03);}
table td {color: #555;}


h3.post-title.entry-title,.breadcrumbs,.breadcrumbs a,.breadcrumbs li,.breadcrumbs li.b-1,.breadcrumbs li.b-2,.breadcrumbs li.b-3,.post h3.post-title.entry-title,.post h3.post-title.entry-title,.post h3.post-title.entry-title,.side h2,.comment-header,.comments .comment .comment-actions.secondary-text a,.comments .continue a,.box-admin h4 ,.post-body ,.side .widget-content ,#bottom h2,#bottom .widget-content,#featured,.comment-replies,.comment-content,.box-admin,.nav-item .icon,#header-wrapper .PageList li.selected a ,.templatesBody.grid-c2 div{
	background-color:rgba(0, 0, 0, .2);
	border: 1px solid rgba(255, 255, 255, 0.03);
	border-top-color: rgba(255, 255, 255, 0.04);
	border-bottom-color: rgba(255, 255, 255, 0.01); 
	box-shadow: 0 5px 12px rgba(0, 0, 0, .7);
	-moz-box-shadow: 0 5px 12px rgba(0, 0, 0, .7); 
	-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, .7);
	-webkit-transition: all .15s ease-in-out;
	-webkit-transform-origin: 50% 1px;
}

/* Header
-----------------------------------------------
 */
#header-wrapper
{
	width:100%;
	background:#101111 url(http://1.bp.blogspot.com/-AgUW29ZcQC4/T0NkbbQg4HI/AAAAAAAAAgg/5gvVk-wF-yU/s000/header.png)repeat-x bottom center;
	padding: 33px 0 33px 0;
	font:bold 14px/12px arial,sans serif;
	color:#fff;
	height:38px;
	margin:0 0 45px 0;
}

#header12
{
	width:940px;
	margin:0 auto;
}
#header-wrapper .title
{
	float:left;
	color:#33697E;
	padding:7px 18px 10px;
	font:bold 30px/18px "lucida grande",tahoma,verdana,arial,sans-serif;
}
#header-wrapper .title:before 
{
        float: left;
        width: 1em;
        text-align: center;
        font-size: 1.5em;
}
#header-wrapper .title:before
{
	 content: "\2729";
}
#header-wrapper .title a
{	color:#33697E;
	background:transparent;
}
#header-wrapper .descriptionwrapper
{
	color:#33697E;
	float:left;
	width:100%;
	font:8px/6px arial,sans serif;
	margin:0;
	padding:0;
}
#header-wrapper #pages li
{
	float:left;
	list-style:none;
	background-image: url(http://2.bp.blogspot.com/-t9Lt3VYuvmA/T0NkbkOkAbI/AAAAAAAAAgo/I8jat1evwag/s000/ul-header.png);
background-repeat:no-repeat;
background-position: 0 -1px;
padding: 0 0 0 20px;
	margin:13px 0 0 12px;
	height:26px;	
}

#header-wrapper #pages li a
{

padding:90px 3px 115px 3px;
}
#header-wrapper #pages li a:hover {
	text-decoration:none;
}
#header-wrapper .PageList li.selected a {
    background-color:#1C1C1E;
    border-bottom: 7px solid #33697E;
    color: #33697E;
    text-decoration: none;
}


#search {
	position: relative;
	float:right;
	width:255px;
	margin: 3px 0 0;
	padding: 5px 0 2px 10px;
}

#searchform {
	background: transparent;
     }
#searchtext {
	float:left;
	width: 215px;
	padding: 5px 4px 3px 6px;
	border: none;
	background:#fff;
	color:#777;
	font-size:11px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
     }
#searchbutton {
	float:right;
	width: 28px;
	height: 28px;
	margin: -20px 0 0 18px;
	border: none;
	background: url(http://2.bp.blogspot.com/-yy-lVTDIYcw/T0Nkb3x-kRI/AAAAAAAAAgw/IKliOfBTuoY/s000/search-icon.png) no-repeat;
     }

/* === slider === */
#slider-body
{
	width: 100%;
	margin:0 auto;
	padding:0;
}

#slider-content
{
	position: relative;
	padding: 35px 0 112px 0;
	background-image:url(http://4.bp.blogspot.com/-dphLEfOsanI/TzLoZ3NMrxI/AAAAAAAAHP4/jmCht-4MANA/s1600/slider.png),url(http://2.bp.blogspot.com/-zTuJW2D_2YQ/TzL0e9AasVI/AAAAAAAAHRg/dEi85g4__Hc/s1600/silder-bg-1.png);
	background-repeat:no-repeat;
	background-position: top center;
	text-align: center;
}

#featured{
width: 960px;
background:#181818;
	height: 400px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	position: relative;
}

#featured ul.gambar-kanan{
	position:absolute;
	top:0px;
	right:0px;
	list-style:none; 
	padding:0;
	width:218px;
	height:100%;
	overflow:auto;
	overflow:hidden;
	z-index:100;
}
#featured ul.gambar-kanan li{
	padding:0 0 0 15px;
}

#featured ul.gambar-kanan li img{
	float:left;
	margin:0 8px 0 0;
	background:#111;
	padding:3px;
	width:60px !important;
	height: 45px !important;
}
#featured ul.gambar-kanan li span{
	position:relative;
	top:10%;
	padding:0;
	line-height:1.5em;
}

#featured li.gambar-kanan a{
  background:url(http://1.bp.blogspot.com/-YfV_DJOQ9SU/T0NkcN2bmhI/AAAAAAAAAg4/QbMXMlxgcpY/s000/nav-item_bg.png) no-repeat center bottom,url(http://4.bp.blogspot.com/-O8yztk6WVcU/T0NkbFabmQI/AAAAAAAAAgY/5b0-oJ207os/s000/pattern.png);
	border:1px solid #aaa;
  display:block;
  padding:8px;
  height:65px;
  text-decoration:none;
  line-height:1.2em;
  outline:none;
  border:none;

}

#featured li.ui-tabs-selected{
  background:#111;
  z-index:200;
}

#featured ul.gambar-kanan li.ui-tabs-selected a{
  color:#999;
  border:none;
}

#featured .ui-tabs-panel{
  width:410px;
  height:280px;
  position:relative;
  padding:0;
  margin:0;
  z-index:50;
}

#featured .ui-tabs-panel img{
  width:729px !important; 
  height:375px !important;
border:13px solid #111;
  z-index:50;

}

#featured .ui-tabs-panel .tulisan-bawah{
  background:#222;
  position:absolute;
  padding:5px 10px;
  bottom:-110px;
  left:12px;
  line-height:1.3em;
  overflow:hidden;
  height:66px;
  width:710px; 
  opacity:0.6;
  filter:alpha(opacity=90);
  .width: 100%; /* IE */
  z-index:50;
}

#featured .tulisan-bawah h2{
  height:23px;
  font-size:18px;
  padding:0; 
  margin:0; 
  font-family:&quot;PT Sans&quot;, Arial, Tahoma, sans-serif;
  font-weight:bold;
  overflow:hidden;

}
#featured .tulisan-bawah h2 a{
color:#fff;
}
#featured .tulisan-bawah p{
  margin:0; 
  padding:0;
  line-height:1.4em; 
  color:#999
}
#featured .tulisan-bawah a{
  text-decoration:none; 
  color:#e8e4db;
}
#featured .tulisan-bawah a:hover{
  text-decoration:none; 
}

#featured .ui-tabs-hide{
  display:none
}

/* layout */
#outer-wrapper {

	width:970px;
	margin:0 auto;
	padding:0 10px;
	text-align:left;
}
#wrap2{
margin:0 auto;
width:970px;
}
#content-wrapper {
	margin: 0 auto;
}
#main-wrapper {
	width: 640px;
	padding:0 10px;
	margin:0 auto;
	float: left;
	word-wrap: break-word;
	overflow: hidden;
}

   .box-admin{
    display:block;
    width:auto;
    padding:0;
    margin:30px 0 10px 0;
    font:normal 12px Arial, Sans-Serif;
    color:#444;
    }
  .box-admin .kontainer b{
text-decoration:underline;
}
.box-admin .photo-admin{
background:url(http://3.bp.blogspot.com/-bcLTlN2AFXc/T0NkcbAxjPI/AAAAAAAAAhA/kcwjY1YxuAo/s000/default128.png)no-repeat top center;
 width:68px;
    height:68px;
    margin:0 10px 0 0;
    float:left;
border: 1px solid rgba(255, 255, 255, 0.03);
    box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;

}
    .box-admin .kontainer{padding:5px;}
    .box-admin h4{
    color:#ccc;
    font:bold 12px Arial,Sans-Serif;
    padding:5px 10px;
    margin:0 0 0 0;
    display:block;
    }
.box-admin h4 a{
    color:#ccc;
}

/* widget Profile blogspot */
.widget.Profile .widget-content{ 
	padding-bottom: 225px;
	padding: 24px;
	height:90px;
}
.widget.Profile .widget-content .profile-img{
	margin:0 20px;
}
.widget.Profile .widget-content .profile-datablock{
	margin:0 10px 0 10px;
	padding:10px;
	font-size:12px;
}
/* side kanan  */
#side-wrapper {
	width: 380px;
	padding:0;
	float: right;
	margin:0 5px 0 0;
}
.side li{
	list-style:none;
}
.side img{
	border:4px solid #111;
	padding:0;
	margin:0;
position;relative;
}
.side h2 {
	padding:10px;
	font:140% verdana,arial,sans serif;

}
.side .widget-content{
	padding:15px;
	position:relative;
	margin:8px 0;
display:block!Important;
overflow:hidden;
position:relative;
height:auto!Important;
}
.side .widget {
	margin: 0 0 0px;
}
.side .item-title{
	border-bottom:1px solid #333;
}
/* Posts */
b.date-header {
	margin:1.5em 0 .5em;
	font-size:9px;
padding: 0;
margin:0 auto;
	font-weight:normal;
}
.post {
	margin:0 auto;
}
h3.post-title.entry-title {
	white-space: nowrap;
	margin:0 auto;
	padding:10px;
	font:bold 140% verdana,arial,sans serif;
position:relative;
z-index:100;
}
.post h3 a, .post h3 a:visited, 
.post h3 strong {
	text-transform: uppercase;
	display:block;
	text-decoration:none;
	color: #7b7f88;
	text-shadow: 0 -1px 0 #000; 
	font-weight: bold;
}
.post h3 strong, 
.post h3 a:hover {
	text-decoration:none;
}
.post-body {
	margin:0 auto;
	line-height:1.6em;
	padding:10px;
}

.post-body blockquote,.post-body pre ,.post-body code{
display:block;
margin:0 auto;
padding:2px 15px 2px 15px;
line-height: 1.6em;
border: 2px solid rgba(255, 255, 255, 0.03);
border-left: 20px solid rgba(255, 255, 255, 0.03);
}
.post-body li {
display:block;
padding:1px;
line-height: 1.6em;
border-bottom: 1px solid rgba(255, 255, 255, 0.03);
border-left:4px solid rgba(255, 255, 255, 0.03);
}
.post-body ul,.post-body ol {margin:0 0 0px 0px;}


.post-footer {
	text-align:right;
	padding:0 8px;
	border-right:1px solid rgba(255, 255, 255, 0.09);
	color:#444;
}
.post-footer a{
	color:#444;
}
.post-footer .post-author.vcard,.post-footer .post-timestamp,.post-footer .post-comment-link{
	display:block;
	margin:5px 0 0px 0;
	font-size:11px;
	border-bottom:1px solid rgba(255, 255, 255, 0.06);

}
.post img {
	border:1px solid #222;
	background:#111;
	padding:5px;
}
.post blockquote {
	margin:1em 20px;
}
.post blockquote p {
	margin:.75em 0;
}
.readmore {
    float: left;
    
    width: 439px;
    padding: 0 12px;
   
}

.readmore{
	background-color:rgba(0, 0, 0, .2);
	border: 1px solid rgba(255, 255, 255, 0.03);
	border-top-color: rgba(255, 255, 255, 0.04);
	border-bottom-color: rgba(255, 255, 255, 0.01); 
	box-shadow: 0 5px 12px rgba(0, 0, 0, .7);
	-moz-box-shadow: 0 5px 12px rgba(0, 0, 0, .7); 
	-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, .7);
	-webkit-transition: all .15s ease-in-out;
	-webkit-transform-origin: 50% 1px;
}

/* Blogger Threaded Comments */
.comments {
	clear: both;
	margin-top: 10px;
	margin-bottom: 0px;
	line-height: 1em;
}
h4.judul-atas-koment{
	font:60px 'Palace Script MT', Zapfino, cursive;
}
.comments .comments-content {
	font-size: 12px;
	margin-bottom: 16px;
	font-weight: normal;
	text-align:left;
	line-height: 1.4em;
}
.comments .comment .comment-actions.secondary-text a,.comments .continue a
{
        display: inline-block;
        white-space: nowrap;
        padding: 0 1.5em;
        margin: 0.5em;
        font: bold 1em/2em Arial, Helvetica;
        text-decoration: none;
        color: #333;
          
}
.comments .comment .comment-actions.secondary-text a:hover,.comments .continue a:hover
{
	background-color:rgba(0, 0, 0, .3);
}
.comments .comment .comment-actions.secondary-text a:active,.comments .continue a:active
{
background-color:rgba(0, 0, 0, .1);
}
.comments .comment .comment-actions.secondary-text a:before,.comments .continue a:before 
{
        background: #ccc;
        background: rgba(0,0,0,.1);
        float: left;
        width: 1em;
        text-align: center;
        font-size: 1.5em;
        margin: 0 1em 0 -1em;
        padding: 0 .2em;
        -moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255, 255, 255, 0.03);
        -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255, 255, 255, 0.03);
        box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255, 255, 255, 0.03);
        -moz-border-radius: .15em 0 0 .15em;
        -webkit-border-radius: .15em 0 0 .15em;
        border-radius: .15em 0 0 .15em;
        pointer-events: none;
}
.comments .comment .comment-actions.secondary-text a:before
{
	content: "\279C";
}
.comments .continue a:before {
	content: "\271A";
}
.comments .comments-content .comment-thread ol {
	list-style-type: none;
	padding: 0;
	text-align: none;
}
.comments .comments-content .user {
	font-style:normal;
	font-weight:bold;
	color:#444;
}
.comments .comments-content .user a {
	color:#333; 
	font-size:14px; 
	font-weight: bold;
	text-decoration: none;
}
.comments .comments-content .icon.blog-author {
	width: 18px;
	height: 18px;
	display: inline-block;
	margin: 0 0 -4px 6px;
}
.comments .comments-content .datetime {
	color: #111;
	float: right;
	font-size: 11px;
	text-decoration: none;
}
.comments .comments-content .datetime a {
	color: #111;
}
.comments .comments-content .datetime a:hover {
	color: #888888;
	text-decoration: none;
}
.comments .comments-content,.comments .comments-content .comment-content {
	margin:0 0 8px;
}
.comment-header{
	margin:0;
	padding:10px;
}
.comments .avatar-image-container {
	background-image: url("http://4.bp.blogspot.com/-UD_EgZvTurQ/T0Nkcd6RplI/AAAAAAAAAhI/SFaF6QvdJVQ/s000/default-avatar.png");
	background-position: top center;
	background-repeat: no-repeat;
	width: 36px;
	height:36px;
	margin: 0;
	padding:0;
	overflow: hidden;
	float: left;
	margin-right: 33px;
	display: block;
	border: 1px solid rgba(255, 255, 255, 0.04);
}
.comment-content{
	padding: 10px;
}
.comment-replies .comment-content{
	padding: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.04);
	border-radius: 5px;
}
.comment-block {
	margin-left: 48px;
	position: relative;
	float:right:
	width:300px;
}
.comments .thread-expanded .thread-arrow {
	background: url(" AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
	background: url(" AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent;
}
/* Responsive styles. */
@media screen and (max-device-width: 480px) {
	.comments .comments-content .comment-replies {
		   margin-left: 0;
}
}

/* Footer
----------------------------------------------- */
#footer-wrapper {
	clear:both;
	width:100%;
	position:relative;
	font-size: 10px;
	background:#101111 url(http://2.bp.blogspot.com/-BAQyDOSi0y8/T0Nkcg6sjKI/AAAAAAAAAhQ/IRyPgN_LE_U/s000/footer.png)repeat-x top center;
	margin:100px 0 0 0;
}
#footer-wrapper .hr {
	border: 0 #202123 solid;
	border-top: 1px solid #202123;
	border-bottom: 1px solid #111;
	clear: both;
	height: 0;
	margin: 0;
}
#footer-bawah{
	margin:10px 0;
}
#bottom{
	width:849px;
	position:relative;
	padding:30px 30px;
	margin:0px auto;
	color:#454749;
}
#bottom a{
	color:#454749;
}
#bottom li{
	margin:0px;  
	padding:0px 0px 0px 13px;  
	background-repeat: no-repeat;  
	background-position:left center; 
	background-image:url(http://3.bp.blogspot.com/-lUoUIive2_A/T0Nkc6-iDDI/AAAAAAAAAhY/ZkkPpYqBSpw/s000/icon-li-bottom.gif); 
}
#bottom li{
	list-style:none; 
}
#bottom img{
	border:4px solid #202123;
	margin:0;padding:0;
}
#bottom h2{
	color:#7B7F88;
	padding:10px;
	border:1px solid #111;
	padding:3px;
	margin:3px 0;
	font:bold 16px verdana,arial,sans-serif;
	text-align: center;
	text-transform: uppercase;
}
#bottom .widget-content{
	padding:10px;
}
#footer-m1{
	float: left;
	width: 20px;
	height: 1px;
}
#credit-wrapper{
	margin: 40px 0 0 0;
	text-align: center;
	padding:30px 0 30px 0;
	background:url(http://4.bp.blogspot.com/-H8UjB4JcSUs/T0NkdFIsqVI/AAAAAAAAAhg/BvyVnUAc15A/s000/shadow-footer.png)no-repeat top center;
	border-top:1px solid #111;
	color:#333;
}
#credit-wrapper a {
	color:#333;
}


@import url("comment-blogger.css");

html {
    background-color: #0e0e0e;
}

.item .gambar .item24 {
    display: none;
}

body#destop {
    background-image: url(../image/bg-body.jpg);
    background-color: #161616;
    color: #555;
    text-shadow: 0 1px 0 rgba(0,0,0,0.1);
    font-size: small;
    overflow-x: hidden;
    overflow-y: scroll;
}

 #layout {
    background: url(../image/shadow.png);
    background: -moz-radial-gradient(center center, circle cover, hsla(0,0%,0%,.0) 0%, hsla(0,0%,3%,9) 100%)no-repeat;
    background: -webkit-gradient(radial, center center, 0, center center, 800, from(hsla(0,0%,0%,.0)), to(hsla(0,0%,3%,9)) );
    background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=1 );
    margin: 0!important;
    padding: 0!important;
}

 a.x-templates {
    color: #C6EB04!important;
    display: inline!Important;
    ;text-shadow: 0 0 10px #C6EB04 ,0 0 20px #C6EB04,0 0 30px #C6EB04!important;
}

article.post-body {
    margin: 40px 0 100px 0;
} /* header */header.header {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 20;
    overflow: hidden;
    text-align: left;
    border-bottom: 1px solid #22231F;
    background-color: #111211;
    background-image: url(../image/pattern.png);
    background-repeat: repeat;
    -webkit-box-shadow: 0 -1px 3px hsla(0,0%,0%,.9), 0 2px 6px rgba(0, 0, 0, .9), inset 0 1px 0 hsla(0,0%,100%,.2);
    -moz-box-shadow: 0 -1px 3px hsla(0,0%,0%,.9), 0 2px 6px rgba(0, 0, 0, .9), inset 0 1px 0 hsla(0,0%,100%,.2);
    box-shadow: 0 -1px 3px hsla(0,0%,0%,.9), 0 2px 6px rgba(0, 0, 0, .9), inset 0 1px 0 hsla(0,0%,100%,.2);
}

 header.header {
    margin: 0 auto!important;
}

header.header section.header12 {
    width: 950px;
    margin: 0 auto;
}

 header.header section.header12 .nav {
    margin-bottom: 0!important;
    padding-bottom: 15px!important;
    padding-top: 15px;
    text-align: left;
    height: auto;
    width: 100%;
    overflow: hidden;
}

 header.header section.header12 .nav li {
    display: inline!important;
    font-weight: normal!important;
    background-image: url(../image/dot-circle.png);
    background-repeat: no-repeat;
    background-position: 0 7px;
    padding: 5px 18px 0 20px!important;
}

 header.header section.header12 .nav a {
    font-size: 12px!Important;
    font-weight: bold!Important;
    color: #40413E;
    text-shadow: 0 -1px 1px hsla(1,1%,1%,.9);
    text-transform: uppercase;
    padding: 0!important;
}

 a.x-blog {
    display: none;
}

 header.header section.header12 .nav a:hover {
    color: #fff;
} /* main */ .post,.main {
    line-height: 0;
    width: 1120px;
    margin: 0 auto!important;
}

 .footer-width {
    max-width: 1040px;
    margin: 0 auto;
}

#toggle-container,.article,#loading,.fotter-fixed ,#overlay-all-menu,.center-start-menu {
    display: none!important;
}

 footer.footerwrap {
    position: relative;
    margin: 0 auto!important;
    padding: 0!important;
    width: 100%;
    z-index: 2;
    color: #444;
    text-align: left;
    font-size: 11px;
    background-color: rgba(0, 0, 0, .5)!important;
    background-image: url(../image/top-arrow-dark.png);
    background-repeat: repeat-x;
    background-position: top center;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .9) inset;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .9) inset;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .9) inset;
}

 footer.footerwrap div.footerbody {
    background-color: rgba(0, 0, 0, .6)!important;
}

 footer.footerwrap a {
    color: #444;
    text-decoration: none;
} /* footer 3 kolom */footer.footerwrap article.footergrd {
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    font-size: 99%;
    padding-bottom: 20px;
    padding-top: 2%;
}

 footer.footerwrap p {
    font-size: 11px;
}

footer.footerwrap article.footergrd section.footergrd-c1 h5, footer.footerwrap article.footergrd section.footergrd-c2 h5, footer.footerwrap article.footergrd section.footergrd-c3 h5 {
    padding: 0 0 4px 0;
    font-size: 29px;
    color: #444;
    text-shadow: 0 -1px 1px hsla(0,0%,0%,.8);
    text-transform: uppercase;
}

 footer.footerwrap article.footergrd section.footergrd-c2 h5, footer.footerwrap article.footergrd li,  footer.footerwrap article.footergrd section.footergrd-c3 h5 {
    padding: 4px;
    background-image: url(../image/line-border.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

 footer.footerwrap article.footergrd section.footergrd-c2 li, footer.footerwrap article.footergrd section.footergrd-c2 h5,  h1 {
    border: none!Important;
    background-image: url(../image/line-border.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

 footer.footerwrap article.footergrd section.footergrd-c1 h5 {
    padding: 4px;
    background-image: url(../image/small-line-border-1.png);
    background-position: bottom center;
    background-repeat: no-repeat;
}

 .footergrd-m1,  .footergrd-m2,  .footergrd-m3 {
    width: 3%;
    height: 1px;
    float: left;
} /* footer credit*/ aside#bawahbana {
    display: block;
    position: relative;
    z-index: 2;
    background-color: #0e0e0e;
    background-image: url(../image/pattern.png);
    background-repeat: repeat;
    -webkit-box-shadow: 0 1px 2px hsla(0,0%,0%,.9), 0 -2px 4px rgba(0, 0, 0, .3), inset 0 1px 0 hsla(0,0%,100%,.2);
    -moz-box-shadow: 0 1px 2px hsla(0,0%,0%,.9), 0 -2px 4px rgba(0, 0, 0, .3), inset 0 1px 0 hsla(0,0%,100%,.2);
    box-shadow: 0 1px 2px hsla(0,0%,0%,.9), 0 -2px 4px rgba(0, 0, 0, .3), inset 0 1px 0 hsla(0,0%,100%,.2);
}

 aside#bawahbana p {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding: 14px 0;
    z-index: 999;
    font: bold 11px 'Open Sans',arial narrow,arial,sans serif;
    text-shadow: 0 -1px 1px hsla(0,0%,0%,.8);
    color: #353535;
    text-align: center;
}

 .templatesBody {
    width: 900px;
    margin: 0 auto;
}

 a {
    text-decoration: underline;
}

  .grid-c1 {
    float: left;
    width: 613px;
    padding: 20px;
}

  p {
    margin: 6px 0 0 0;
}

  .grid-m2 {
    float: left;
    width: 20px;
    height: 1px;
}

.grid-c2 {
    float: right;
    width: 440px;
padding:0 8px;
	
	word-wrap: break-word;
	overflow: hidden;
}

 h1 {
    width: 500px;
    height: auto;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 17px 0 10px 9px;
    padding: 0 0 10px 0;
    line-height: 50px;
    font: 100 3em/0.85em "roboto",arial narrow,arial,sans serif;
    text-transform: uppercase;
    color: #555;
    text-shadow: 0 -1px 1px hsla(1,1%,1%,.9);
}

 .gambar {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin: 0;
    background-color: rgba(20,20,20, 0.5);
    background-image: url(../image/bg-y.jpg);
    background-repeat: repeat;
    color: #454545;
    border: 1px solid #151515;
    border-top-color: rgba(255,255,255,0.06);
    border-bottom-color: rgba(255,255,255,0.03);
    -webkit-box-shadow: 0 8px 5px rgba(0,0,0,.5), 0 2px 8px rgba(0,0,0,.6)inset;
    -moz-box-shadow: 0 8px 5px rgba(0,0,0,.5), 0 2px 8px rgba(0,0,0,.6)inset;
    box-shadow: 0 8px 5px rgba(0,0,0,.5), 0 2px 8px rgba(0,0,0,.6)inset;
}

.con_45 {
    padding: 20px;
    position: relative;
}

 .gambar img {
    width: 570px;
    height: auto!Important;
    background-image: url(../image/loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid rgba(0,0,0,0.5);
    box-shadow: 0 0 1px 0 rgba(255,255,255,0.2);
    -webkit-box-shadow: 0 0 1px 0 rgba(255,255,255,0.2);
}

 .gambar:before {
    content: '';
    height: 77px;
    width: 100px;
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: 10;
    background-image: url(../image/icon-green-UK.png);
    background-position: top center;
    background-repeat: no-repeat;
}

 table, tr, td {
    border: none!important;
}

 .templatesButton {
    display: none;
}

.grid-c2 .templatesButton {
    display: block;
    float: left;
    width: 106.5%;
}

.templatesButton li {
    float: left;
    position: relative;
    margin: 0 auto;
    display: block;
    width: 90%;
    margin: 0 0 0 0 !important;
}

.templatesButton li a {
    float: left;
    width: 70%;
    height: 32px;
    text-decoration: none;
    padding: 10px 0;
    margin: 6px 7px 0 0;
    background: url();
    background: -moz-linear-gradient(top, rgba(56,56,56,0.3) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(56,56,56,0.3)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(56,56,56,0.3) 0%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top, rgba(56,56,56,0.3) 0%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top, rgba(56,56,56,0.3) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(56,56,56,0.3) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d383838', endColorstr='#00000000',GradientType=0 );
    border-width: 1px;
    border-style: solid;
    border-top-color: rgba(0,0,0,0.5);
    border-bottom-color: rgba(255,255,255,0.01);
    border-left-color: rgba(255,255,255,0.03);
    border-right-color: rgba(255,255,255,0.03);
    box-shadow: 0 5px 12px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,0.19);
    -moz-box-shadow: 0 5px 12px rgba(0,0,0,.7);
    -webkit-box-shadow: 0 5px 12px rgba(0,0,0,.7);
    -webkit-transition: all .15s ease-in-out;
    -webkit-transform-origin: 50% 1px;
    color: #333431;
}

.v2 .gambar {
    width: 542px!important;
    padding: 2px;
    margin: 0 0 0 67px!important;
}

.v2 .gambar img {
    width: 500px!important;
}

.v2 .tutorial {
    width: 540px!important;
    float: right;
    margin: 3em 0.4em 0 0!Important;
}

.counter-text {
    margin: 7px 0 0 5px;
    text-align: center;
    width: 21%;
    float: left;
    height: 51px;
    font: normal 18px/2.7em "roboto","Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #3c3d3a!important;
    background: rgba(0,0,0,0.18);
    box-shadow: 0 0 1px 0 rgba(150,150,150,0.3);
    -webkit-box-shadow: 0 0 1px 0 rgba(150,150,150,0.3);
    border: 1px solid rgba(0,0,0,0.25);
}

.templatesButton li a span.title-button {
    clear: both;
    width: 100%;
    display: block;
}

.templatesButton li a span {
    margin: -2px 0 0 60px;
}

.templatesButton li a span.bottom-button {
    display: block!Important;
    font: 11px/3px "roboto","Helvetica Neue", Helvetica, Arial, sans-serif;
    float: left!Important;
    padding: 2px 0 8px 1px;
}

.templatesButton li a:before {
    content: '';
    width: 38px;
    height: 38px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    overflow: hidden;
    left: 13px;
    top: 12px;
    position: absolute;
    z-index: 1;
    background-image: url(../image/templates-Button-before.png);
    background-repeat: no-repeat;
    background-position: top center;
}

.templatesButton li a:after {
    content: '';
    width: 16px;
    height: 16px;
    left: 24px;
    top: 24px;
    bottom: 0;
    position: absolute;
    z-index: 1;
    float: left;
    background-repeat: no-repeat;
    background-image: url(../image/demo-download-big.png);
}

a.Download:after {
    background-position: 0 0;
}

a.Demo:after {
    background-position: -16px 0;
}

.templatesButton li a:hover {
    background-color: rgba(0,0,0,.3);
}

.grid-c2 .border-small {
    padding: 5px 0 5px !Important;
    background-image: url(../image/line-border.png);
    background-position: bottom left;
    background-repeat: no-repeat;
}

.grid-c2 .fb-like {
    float: left;
}

.grid-c2 .eightcol,.grid-c2 .fourcol {
    padding: 10px 0;
}

 .grid-c2 .tag_labels a {
    position: relative;
    z-index: 2;
    text-decoration: none!Important;
    margin: 10px 10px 0 0;
    float: left;
    line-height: 1.5em;
    display: inline;
    padding: 2px 10px 2px 5px;
    font-size: 10px;
    background: rgba(0,0,0,0.18);
    box-shadow: 0 0 1px 0 rgba(150,150,150,0.3);
    -webkit-box-shadow: 0 0 1px 0 rgba(150,150,150,0.3);
    border: 1px solid rgba(0,0,0,0.25);
}

.statistic {
    float: left;
    line-height: 1.5em;
    font-size: 20px;
    color: #3c3d3a;
    margin: 5px 0 0 0;
    padding: 0 20px 0 7px;
    width: 58px;
    height: 35px;
    position: relative;
    background: rgba(0,0,0,0.18);
    box-shadow: 0 0 1px 0 rgba(150,150,150,0.3);
    -webkit-box-shadow: 0 0 1px 0 rgba(150,150,150,0.3);
    border: 1px solid rgba(0,0,0,0.25);
}

.statistic .loading {
    margin: -28px 0 0 29px!important;
    background-image: url(http://4.bp.blogspot.com/-Q7xg_yWLSvo/UnE27mH46sI/AAAAAAAAGNI/6E3KrOwzVbc/s25/loader.gif)!important;
}

.statistic:before {
    content: "\f080";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    margin: 0 4px 0 0;
}

.statistic:after {
    content: "Pageviews";
    position: absolute;
    left: 115%;
    font-size: 11px;
    top: -10px;
    color: #222;
}

 .grid-c2 .loading {
    width: 32px;
    height: 32px;
    float: left;
    margin: 5px 0 -20px 14px;
    background-image: url(../image/loader.gif);
    background-repeat: no-repeat;
}

 .grid-c2 .tag_labels a:before, .grid-c2 .fourcol p:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    float: left;
    background-image: url(//3.bp.blogspot.com/--j-NDQY4JVo/UeFsgkFo39I/AAAAAAAAGZE/NVov-yY1aA8/s400-d/sprites-templates.png);
    background-repeat: no-repeat;
    background-position: -70px -48px;
}

 .grid-c2 .tag_labels a:hover {
    text-decoration: none!Important;
    background: rgba(0,0,0,0.18);
    color: #333;
}

 .grid-c2 .tag_labels a u {
    text-decoration: none!Important;
}

.grid-c2 .share-wrapper {
    z-index: 40;
    padding: 0px 0 10px 0;
    float: left;
    width: 100%;
    position: relative;
}

.shared_this a:hover,.count-co:hover {
    color: #888!Important;
}

.share-count {
    font-size: 20px;
    display: block;
    line-height: 1.5em;
    width: 100%;
    margin: 0;
    position: relative;
}

.fb-item {
    width: 51px;
    height: 20px;
}

.likes-frame {
    float: left;
    position: relative;
    width: 100%;
    margin: 0 0 5px 0;
}

.iframe-wrap {
    float: left;
    width: 50px;
    background: rgba(0,0,0,0.18);
    box-shadow: 0 0 1px 0 rgba(150,150,150,0.3);
    -webkit-box-shadow: 0 0 1px 0 rgba(150,150,150,0.3);
    border: 1px solid rgba(0,0,0,0.25);
    padding: 8px 18px 6px 18px;
    height: 22px;
    border-right: none!Important;
}

.total-likes-count {
    float: left;
    color: #3c3d3a;
    background: rgba(0,0,0,0.18);
    box-shadow: 0 0 1px 0 rgba(150,150,150,0.3);
    -webkit-box-shadow: 0 0 1px 0 rgba(150,150,150,0.3);
    border: 1px solid rgba(0,0,0,0.25);
    border-left: 1px solid rgba(130,130,130,0.09)!important;
    font-size: 20px;
    line-height: 1.7em;
    width: 168px;
    padding: 0 8px;
    height: 37px;
    margin: 0 0 0 11px;
    position: relative;
}

.total-likes-count:after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    right: 101%;
    top: 9px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent #212121 transparent transparent;
}

.total-likes-count:before {
    content: "\f087";
    display: inline;
    margin: 12px 7px 0 0!important;
    line-height: 12px;
    font-size: 14px!Important;
}

 .grid-c2 .share-wrapper h2 {
    padding: 17px 0 15px 0;
    margin: 0;
    font-size: 11px;
    color: #252525;
    width: 100%;
}

.grid-c2 .share-wrapper h2:before {
    content: "\f045 ";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin: 1px 5px 0 0;
}

 .grid-c2 .share-wrapper li {
    list-style: none;
    float: left;
    margin: 0 2px 0 0!Important;
}

.grid-c2 .share-wrapper li a {
    text-decoration: none;
    float: left;
    height: 35px;
    width: 78px;
    margin: 0 8px 0 0;
    font-size: 10px;
    padding: 0 0 0 8px;
    text-decoration: none!Important;
    background: rgba(0,0,0,0.18);
    color: #3c3d3a;
    box-shadow: 0 0 1px 0 rgba(150,150,150,0.3);
    -webkit-box-shadow: 0 0 1px 0 rgba(150,150,150,0.3);
    border: 1px solid rgba(0,0,0,0.25);
}

.grid-c2 .fourcol p:before {
    margin: 2px 13px 0 0;
}

.grid-c2 .fourcol p:after {
    content: "";
    margin: 2px 1px 0 0;
    padding: 10px;
    width: 5px;
    height: 5px;
    position: absolute;
    left: -5px;
    top: 10px;
    background-color: rgba(0,0,0,0.04);
    border: 2px solid rgba(120,120,120,0.2);
    border-radius: 20em;
    -webkit-border-radius: 20em;
}

 .grid-c2 .fourcol.names p:before {
    background-position: -145px 0!Important;
}

 .grid-c2 .fourcol.author p:before {
    background-position: -192px -49px!Important;
}

 .grid-c2 .fourcol.description p:before {
    background-position: -47px -24px!Important;
}

 .grid-c2 .fourcol.share p:before {
    background-position: -267px 0!Important;
}

.grid-c2 .fourcol.tag p:before {
    background-position: -68px -48px!Important;
}

 .grid-c2 .fourcol.compatible p:before {
    background-position: -242px 0px!Important;
}

.grid-c2 .fourcol.features p:before {
    background-position: -217px -25px!Important;
}

 .grid-c2 .fourcol.comment p:before {
    background-position: -193px -25px!Important;
}

.grid-c2 .fourcol {
    position: relative;
}

 .grid-c2 .fourcol:before {
    content: ':';
    position: absolute;
    right: 0;
    top: 46%;
}

.banner {
    width: auto;
    margin: -20px 0 0 17px;
}

 .banner .title_a {
    font-size: 120%;
    line-height: 0.8em;
}

.banner i {
    text-align: center!important;
    font-size: 160%;
    float: left;
    background-color: rgba(25,25,25,0.4);
    width: 20px;
    height: 20px;
    padding: 12px;
    border-radius: 20em;
    -webkit-border-radius: 20em;
    border: 8px solid rgba(50,50,50,0.35);
    margin: 10px 24px -35px -18px!Important;
    line-height: 1em!important;
    font-style: normal!Important;
    font-weight: normal!Important;
}

 .eightcol.last.compatible i:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: -2px 0 0 -1px;
    background-image: url(//3.bp.blogspot.com/--j-NDQY4JVo/UeFsgkFo39I/AAAAAAAAGZE/NVov-yY1aA8/s800-d/sprites-templates.png);
    background-repeat: no-repeat;
}

 .eightcol.last.compatible .fontelico-firefox:before {
    background-position: -246px -52px;
    margin: -3px 0 0 -3px!Important;
}

.eightcol.last.compatible .fontelico-chrome:before {
    background-position: -198px -52px;
}

.eightcol.last.compatible .fontelico-opera:before {
    background-position: -345px -52px;
}

.eightcol.last.compatible .fontelico-ie:before {
    background-position: -295px -52px;
    margin: -4px 0 0 -3px!Important;
}

.banner i:before {
    content: "";
    font-family: arial!important;
    margin: -5px 0 0 -1px;
    display: inline-block;
    width: 29px;
    height: 29px;
    background-image: url(//3.bp.blogspot.com/--j-NDQY4JVo/UeFsgkFo39I/AAAAAAAAGZE/NVov-yY1aA8/s800-d/sprites-templates.png);
    background-repeat: no-repeat;
}

.banner .fontawesome-double-angle-down:before {
    background-position: -540px -50px;
}

 .banner .typicons-message:before {
    background-position: -3px 0;
    margin: -3px 0 0 -2px!Important;
}

.banner .typicons-camera:before {
    background-position: -342px -99px;
    margin: -6px 0 0 -4px!Important;
}

.banner .typicons-grid:before {
    background-position: -637px -49px;
}

.banner .typicons-list:before {
    background-position: -3px -99px;
}

.banner .typicons-anchor:before {
    background-position: -101px -99px;
}

.banner .openwebicons-share:before {
    background-position: -686px -49px;
}

.banner .entypo-video:before {
    background-position: -197px 0;
    margin: -5px 0 0 -2px!Important;
}

.banner table tr,.banner table td {
    margin: 0!important;
    min-height: 95px;
    padding: 0!important;
}

.banner table tr {
    height: 75px;
    float: left;
}

.banner table tr p {
    color: #555;
    font-size: 85%;
}

.grid-c2 .fourcol.compatible {
    margin: 30px 20px 18px 0;
}

.grid-c2 .eightcol.last.compatible i {
    text-align: center;
    font-size: 160%;
    float: left;
    background-color: rgba(25,25,25,0.4);
    box-shadow: 0 1px 1px rgba(0,0,0,0.4);
    width: 20px;
    height: 20px;
    padding: 12px;
    border-radius: 20em;
    -webkit-border-radius: 20em;
    border: 8px solid rgba(50,50,50,0.35);
    margin: 10px 15px 20px -2px!Important;
    line-height: 0.9em!important;
    font-style: normal!Important;
    font-weight: normal!Important;
}

.grid-c2 .features {
}

.grid-c2 .fourcol {
    width: 25%;
}

.grid-c2 .eightcol.last {
    width: 70%;
}

.alert-mobile {
    display: none!Important;
}

.item.small  .grid-c1 .comments {
    display: inline;
}

.item.small  .grid-c1 .tutorial {
    display: none;
}

.item.small .grid-c1 .gambar:after,.item.show_tutorial  .grid-c1 .gambar:after {
    display: none;
}

.tutorial .photo_25 {
    float: left;
    width: 109.5%;
    height: auto;
    margin: 1em 0 1.3em -2.05em;
    position: relative;
    background-color: #888;
    padding: 0;
}

.tutorial .photo_25.first {
    margin: -2px 0 1.3em -2.05em;
}

.tutorial .photo_25.chid {
    margin: 1em 0 -2em -2.05em!Important;
}

.tutorial .photo_25 img {
    width: 100%;
    box-shadow: 0 3px 6px #111;
    border-bottom: 1px solid #111;
    border-top: 1px solid #111;
}

.tutorial .photo_25 a {
    float: left;
    width: 100%;
}

.tutorial .adult {
    color: #4faca2;
}

.tutorial {
    float: left;
    width: 100%;
    margin: 3em 0 0 0;
    padding: 0;
    line-height: 1.5em;
}

.tutorial h4 {
    font-size: 1.5em;
    line-height: 1.5em;
    padding: 0 0 0.85em 0;
    margin: -0.4em 0 0 0;
    color: #666;
    font-weight: 100!important;
    background-image: url(../image/line-border.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    font-family: arial,sans serif;
}

.tutorial .span26 {
    padding: 2em!important;
    margin: 0 0 2em 0!important;
    ; background: rgba(30,30,30, 0.4)url();
    border: 1px solid #181818;
    box-shadow: 0 2px 3px #000;
    -webkit-box-shadow: 0 2px 3px #000;
    float: left;
    width: 91%;
}

.show_tutorial .tutorial {
    display: block;
}

.show_tutorial #comments {
    display: none!important;
}

a.open_tutorial {
    text-decoration: none!important;
    color: #ddf0d5;
    float: left;
    padding: 1.2em 2em;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
    background: -moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: -webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: -o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: -ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);
    background-color: #74ad5a;
    border: 1px solid #3b6e22;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 4px 10px #000,inset 0px 1px 0px 0px #9acc85;
    -webkit-box-shadow: 0 4px 10px #000,inset 0px 1px 0px 0px #9acc85;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
}

a.open_tutorial:before {
    content: "Open / Tutorial";
}

.show_tutorial a.open_tutorial:before {
    content: "Close / Tutorial";
}

.so-network {
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
}

.so-network p {
    font-size: 11px;
    margin: 0;
    float: left;
    color: #252525;
    width: 100%;
}

.so-network p:before {
    content: "\f0ac ";
    margin: 1px 5px 0 0;
}

.so-net {
    display: inline-block;
    width: 78px;
    height: 25px;
    text-decoration: none!important;
    padding: 5px 0 7px 8px;
    line-height: 1em;
    background-color: rgba(0,0,0,0.15);
    box-shadow: 0 0 1px 0 rgba(150,150,150,0.3);
    -webkit-box-shadow: 0 0 1px 0 rgba(150,150,150,0.3);
    border: 1px solid rgba(0,0,0,0.25);
    margin: 0 10px 0 0;
    position: relative;
}

.count-co {
    font-size: 20px;
    display: block;
    float: left;
    width: 100%;
    margin: 0;
    line-height: 1.2em;
    color: #3c3d3a;
}

.count-co:before,.total-likes-count:before,.so-network p:before, .share-wrapper li a .share-count:before {
    float: left;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
}

.count-co:before {
    margin: 0 5px 0 -2px!Important;
}

.count-co:before, .share-wrapper li a .share-count:before {
    margin: 2px 5px 0 0!Important;
    font-size: 14px;
}

.share-wrapper li a.twitter_share .share-count:before , .twitter-p .count-co:before {
    content: "\f099";
}

.share-wrapper li a.fb_share .share-count:before, .facebook-p .count-co:before {
    content: "\f09a";
    margin: 3px 5px 0 2px!Important;
}

.facebook-p .count-co:before {
    content: "\f09a";
    margin: 2px 5px 0 2px!Important;
}

.share-wrapper li a.google_share .share-count:before , .google-p .count-co:before {
    content: "\f0d5 ";
}

.timepost_clone {
    width: 267px;
    float: left;
    font-style: normal;
    display: block;
    font-size: 11px;
    line-height: 1.4em;
    margin: -33px 0 -3px 100px;
    padding: 0;
    color: #222;
    padding: 10px 0 0 0;
}

.timepost_clone u {
    text-decoration: none;
}

.timepost_clone .published.timeago {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 0.8em;
    margin: 0 0 0 -2px;
    display: block;
    cursor: auto;
    letter-spacing: -1px;
}

.comment-x-post {
    float: left;
    width: 94%;
    height: 100%;
    margin: 20px 0 0 0;
    position: relative;
}

.comment-x-post li {
position:relative;
    line-height: 10px;
    margin: 0;
    float: left;
    width: 40px;
    height: 40px;
    margin: 1px;
    list-style: none;
    background-color: #111;
        cursor:pointer;
}

.comment-x-post li img {
    width: 100%;
    height: auto;
}

.comment-x-post li .tolltip {
background-color:#181818;
border:1px solid #252525;
box-shadow:0 4px 20px rgba(0,0,0,0.9),0 14px 20px rgba(0,0,0,0.7);
-webkit-box-shadow:0 4px 20px rgba(0,0,0,0.9),0 14px 20px rgba(0,0,0,0.7);
 -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;
    display: block;
    position: absolute;
    z-index: 5;
    left:-160px;
    top:-110px;
    text-decoration: none!important;
    margin: 0 0;
    width:210px;
    height:90px;
    display: none;


}
.comment-x-post li .tolltip:before{
  content:"";
  width:0px;
  height:0px;
  position:absolute;
  top:100%;
  right:20px;
  border-width:10px;
  border-style:solid;
  border-color:#282828 transparent transparent  transparent ;
  display:block;
}


.comment-x-post li .tolltip span.tol_wrap {
    width:100%;
    display: block;
    color: #555;
    float: left;
    font-size: 12px;
    line-height:1.5em;

}

.comment-x-post li .tolltip span.author_big_photo {
    width: 90px;
    font-size: 50px;
    margin:0;
    float: left;
    height: 100%;
}

.small-tol {
    float: left;
    width:90px;
    margin:8px 0 0 12px;
    overflow: hidden;
    white-space:nowrap; 
text-overflow:ellipsis;
}

.comment-x-post li:hover .tolltip {
    display: block;
}
.span_count{
background: #a4b357; /* Old browsers */
background: -moz-linear-gradient(top,  #a4b357 0%, #75890c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4b357), color-stop(100%,#75890c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a4b357 0%,#75890c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a4b357 0%,#75890c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a4b357 0%,#75890c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a4b357 0%,#75890c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c',GradientType=0 ); /* IE6-9 */
color:#fff;
border-radius:2px;
text-align:center;
margin:5px 5px 3px 0;
line-height:2em;
width:88px;
float:left;
}
span.coments48text{
float:left;
font-size:10px;
}
.title_author32{
text-overflow:ellipsis;
overflow:hidden; 
width:88px;
float:left;
}

.container { padding-left:20px; padding-right:20px; } .row { width:100%; max-width:1140px; min-width:755px; margin:0 auto; overflow:hidden; } .onecol,.twocol,.threecol,.fourcol,.fivecol,.sixcol,.sevencol,.eightcol,.ninecol,.tencol,.elevencol { margin-right:3.8%; float:left; min-height:1px; } .row .onecol { width:4.85%; } .row .twocol { width:13.45%; } .row .threecol { width:22.05%; } .row .fourcol { width:30.75%; } .row .fivecol { width:39.45%; } .row .sixcol { width:48%; } .row .sevencol { width:56.75%; } .row .eightcol { width:65.4%; } .row .ninecol { width:74.05%; } .row .tencol { width:82.7%; } .row .elevencol { width:91.35%; } .row .twelvecol { width:100%; float:left; } .last { margin-right:0; } 
 article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; } nav ul { list-style: none; } blockquote,q { quotes: none; } blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title],dfn[title] { border:none; cursor:pointer; } table { border-collapse: collapse; border-spacing: 0; } hr,.hr { border: #222 solid 0; border-top: 1px solid #040404; box-shadow: 0 1px 2px #222; border-bottom: 1px solid #222; clear: both; height: 0; margin: 0; } input,select { vertical-align: middle; } cite,em,i { font-style: italic; } sup,sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 0.8em; } sub { top: 0.3em; } dl { margin: 0 0 1.5em; } dl dt { font-weight: bold; } dd { margin-left: 1.5em; }tr td { border: #000900 solid 2px; margin: 1.5em; padding: 1em; } tr.odd td { background: #000; border: #000 solid 1px; } strong { color: #406a0e; font-weight: bold; } p { font-weight: 400; line-height: 1.5em; padding-bottom: 8px; } .nav-message { padding: 0 !important; margin: 0 0 0 30px !important; height: 20px !important; border: none !important; display: block; font: 26px/40px 'Open Sans',arial narrow,arial,sans serif !important; color: #40413E; text-shadow: 0 -1px 1px hsla(1,1%,1%,0.9); text-transform: uppercase; letter-spacing: -1px; } .nav-message a { color: #353535 !important; } h2,h3,h4,h5,h6 { font-weight: normal !important; margin: 0; padding: 0; } h1 { font-size: 20px; } h2 { font-size: 130%; } h3 { font-size: 22px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } h1 a,h1 a:link,h1 a:visited { color: #c6cef7; } .hitst,.casing { display: none !important; } 

a { outline: none; } a:link,a:visited,a:active,a:hover { text-decoration: none; color: #555; } hr { border: 0 rgba(0,0,0,0.7)solid; border-top: 1px solid rgba(0,0,0,0.0); border-bottom: 1px solid rgba(0,0,0,0.7); clear: both; height: 0; margin: 0; } h1 a,h1 a:link,h1 a:visited { color: #c6cef7; } /* layout header.header { text-align: left; height: auto; width: 100%; overflow: hidden; display: none; background-color: rgba(26,26,26,.5); -webkit-box-shadow: 0 -1px 4px hsla(0,0%,0%,.9),0 4px 12px rgba(0,0,0,.5),0 1px 0 hsla(0,0%,100%,.2)inset; -moz-box-shadow: 0 -1px 4px hsla(0,0%,0%,.9),0 4px 12px rgba(0,0,0,.5),0 1px 0 hsla(0,0%,100%,.2)inset; box-shadow: 0 -1px 4px hsla(0,0%,0%,.9),0 4px 12px rgba(0,0,0,.5),0 1px 0 hsla(0,0%,100%,.2)inset; } .s-about,s-gallery { display: none; } header.header { margin: 0 0 60px 0; } header.header section.header11 { width: 1000px; margin: 0 auto; } header.header section.header11 .PageList li.selected a { padding: 23px 15px 17px 15px; color: #C6EB04; text-shadow: 0 0 10px #C6EB04 background-color:rgba(255,255,255,0.1); border: 4px solid rgba(255,255,255,0.03); border-top-color: rgba(255,255,255,0.04); border-bottom-color: #C6EB04; -webkit-box-shadow: 0 5px 12px rgba(0,0,0,.7); -moz-box-shadow: 0 5px 12px rgba(0,0,0,.7); box-shadow: 0 5px 12px rgba(0,0,0,.7); } header.header section.header11 .nav { width: 100%; height: auto; overflow: hidden; margin-bottom: 0; padding-bottom: 18px; padding-top: 18px; text-align: left; } header.header section.header11 .nav li { display: inline; font-weight: normal; } header.header section.header11 .nav a { position: relative; z-index: 999; padding: 123px 20px 0 20px; !important color: #444; font-size: 15px!important; text-shadow: none!important; text-transform: uppercase; } header.header section.header11 .nav a:hover { color: #fff; } a.x-templates ,a.x-blog-share { display: none; } /* xXx */.post img { border: none; } .post ul,.post ol { list-style: none; } .post ul li { padding-left: 5px; margin-left: 5px; } .post ol li { padding-left: 5px; margin-left: 10px; } .post { line-height: 20px; } .post h3 { background: none; border: none; } li { line-height: 160%; } .post h3 a,.post-footer { display: none; } div#bawahkoh,.panel { text-align: left; } /*SLIDEOUT*/#slideout { position: fixed; top: 0; left: -360px; width: 300px; height: 100%; margin-right: 50px; padding: 30px 28px 0 28px; overflow: hidden; z-index: 1000; font-size: 14px; font-weight: bold; color: #222; line-height: 20px; background-color: #f4f4f4; } .text-meta{ position:absolute; height:60%; width:100%; overflow:auto; cursor:move; padding:0; } li.s-templates { display: none!important; } #slideout .judul-atas-slide { margin: 8px 0 10px 0; font-size: 72px; color: #555; } #slideout p.text-slide { margin-bottom: 2px; color: #222; text-shadow: none; } #slideout a { color: #222; } #slideout a:hover { color: #777; } .text-meta { float: left; margin: 70px 0 0 0; } .text-meta li { margin: 0 0 2px 0; overflow: hidden; list-style-type: square; font-family: roboto,arial,sans serif!Important; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; color: #555; text-shadow: 0 1px 0 #fff!important; text-overflow: ellipsis; font-size: 12px !important; font-weight: bold !important; overflow: hidden; height: 58px; margin: 0 0 10px 0; } .text-meta li .one-2 a { color: #777!important; text-decoration: underline!Important; } .text-meta li .one-2 { padding: 17px 20px!Important; display: inline-block; text-shadow: none; color: #777!important; float: left; } .text-meta li .one-1 { width: 1em!Important; height: 1em!Important; border: 2px solid #d0d0d0; margin: 0; padding: 12px; color: #777; float: left; text-shadow: none; font-size: 30px; text-align: center!important; border-radius: 20em; -webkit-border-radius: 20em; } .footer-201 small { font-size: 11px; color: #888; margin-top: 25px; } .footer-201 small a { color: #888!important; font-size: 10px; font-weight: bold; border: none !important; text-decoration: none !important; } .article #slideout-holder { position: fixed; top: 25px; left: -140px; width: 130px; z-index: 100; } .article #slideout-holder li , .article #notice-top-menu li { width: 35px; height: 35px; float: left; list-style-type: none; cursor: pointer; } .article #slideout-holder li a , .article #notice-top-menu li a { display: block; width: 100%; height: 100%; border: 0; } .article #slideout-holder li a:hover { background-position: 0 0; } .article #slideout-expand { display: block; background-image: url(../image/spirt-1.png); background-repeat: no-repeat; background-position: 0 -245px; } .article #slideout-expand:hover { background-position: 0 -210px; } .article #slideout-collapse { display: none; background-image: url(../image/spirt-1.png); background-repeat: no-repeat; background-position: 0 -175px; } .article #slideout-collapse:hover { background-position: 0 -140px; } .article #home { margin-left: 5px; background-image: url(../image/spirt-1.png); background-repeat: no-repeat; background-position: 0 -315px; } .article #home:hover { margin-left: 5px; background-position: 0 -280px; } /*navigasi*/.article .nav { position: fixed; bottom: 50px; left: -140px; width: 340px; height: auto; overflow: hidden; z-index: 100; background-color: transparent; } .article #notice { position: fixed; bottom: 50px; right: -140px; width: 300px; height: auto; overflow: hidden; z-index: 100; background-color: transparent; } .article #notice-top-menu { display: none; position: fixed; top: 25px; right: -340px; width: 35px; z-index: 100; } #notice-content { display: none; position: fixed; overflow: hidden; color: #777; z-index: 1020; right: 26px; bottom: 93px; overflow: hidden; background-color: #f2f2f2; border: 1px solid rgba(33, 33, 33, 0.3); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-box-shadow: 0 4px 6px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.5); -moz-box-shadow: 0 4px 6px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.5); box-shadow: 0 4px 6px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.5) font-size:12px; max-width: 300px; } #notice-content li,.update-n li { box-shadow: 0 1px 0 0 #fff; border-bottom: 1px solid #cbcbcb; border-right: 1px solid rgba(255,255,255,0.63); border-left: 1px solid rgba(255,255,255,0.63); transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; float: left; width: 100%; } #notice-content .update-n { float: left; } #notice-content .update-n li { font-size: 11px; } .update-n li a { color: #ffffff!Important; -moz-box-shadow: inset 0px 1px 0px 0px #ffe0b5; -webkit-box-shadow: inset 0px 1px 0px 0px #ffe0b5; box-shadow: inset 0px 1px 0px 0px #ffe0b5; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fbb450), color-stop(1, #f89306)); background: -moz-linear-gradient(top, #fbb450 5%, #f89306 100%); background: -webkit-linear-gradient(top, #fbb450 5%, #f89306 100%); background: -o-linear-gradient(top, #fbb450 5%, #f89306 100%); background: -ms-linear-gradient(top, #fbb450 5%, #f89306 100%); background: linear-gradient(to bottom, #fbb450 5%, #f89306 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89306',GradientType=0); background-color: #fbb450; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #c97e1c!Important; display: inline-block; font-size: 10px; font-weight: bold; padding: 8px 11px; text-decoration: none; text-shadow: 1px 1px 0px #8f7f24; float: left; margin: 8px 0 -10px 0; } .update-n li a:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f89306), color-stop(1, #fbb450)); background: -moz-linear-gradient(top, #f89306 5%, #fbb450 100%); background: -webkit-linear-gradient(top, #f89306 5%, #fbb450 100%); background: -o-linear-gradient(top, #f89306 5%, #fbb450 100%); background: -ms-linear-gradient(top, #f89306 5%, #fbb450 100%); background: linear-gradient(to bottom, #f89306 5%, #fbb450 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f89306', endColorstr='#fbb450',GradientType=0); background-color: #f89306; } #notice-content .update-n li.images_not { margin: -1px 0 0 0!Important; padding: 0!Important; border: none!Important; position: relative; overflow: hidden; } #notice-content .update-n li.images_not a { position: absolute; top: 11px; left: 20px; -moz-box-shadow: inset 0px 1px 0px 0px #9acc85; -webkit-box-shadow: inset 0px 1px 0px 0px #9acc85; box-shadow: inset 0px 1px 0px 0px #9acc85; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b)); background: -moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%); background: -webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%); background: -o-linear-gradient(top, #74ad5a 5%, #68a54b 100%); background: -ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%); background: linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0); background-color: #74ad5a; border: 1px solid #3b6e22!Important; padding: 2px 10px; } #notice-content .update-n li.images_not img { width: 100%; height: auto; } #notice-content li:hover, .update-n li:hover { background-color: rgba(248,248,248,0.90); border-bottom: 1px solid #eee; } #tweets { border-top: 1px solid #fff; } #notice-content { color: #666!important; } #notice-content div a { color: #aaa; font-weight: 600!important; text-shadow: none!Important; text-decoration: none!Important; border-bottom: dotted 1px #ccc; clear: both; } #notice-content div b { font-weight: 400; font-size: 12px; font-style: italic; text-shadow: 0 1px 0 #fff; margin: 0 4px 0 0; } .tweetList,#tweets,#tweets:hover { margin: 0; padding: 0!important; } .tweetList li { font-size: 13px; } #tweets li { font-size: 13px; background: url(../image/twitter-bird.png) no-repeat 8px 8px; padding: 8px 30px 8px 38px; margin: 0; list-style-type: none; } .tweetList small { font-size: 10px; clear: both; display: block; } .update-n li { font-size: 13px; background: url(../image/icon-logos-small.png) no-repeat 12px 20px; padding: 18px 0 28px 39px!important; margin: 0; list-style-type: none; } .article .nav li { float: left; width: 35px; height: 35px; overflow: hidden; cursor: pointer; } .article .nav li a { display: inline-block; width: 35px; height: 35px; border-bottom: 0; } .article #nav-up,.article #nav-left,.article #nav-dow,.article #nav-right,.article #notice-right { background-image: url(../image/spirt-1.png); } .article #nav-up { margin: 0 80px 5px 0; background-position: -35px -35px; } .article #nav-left { background-position: 0 -105px; } .article #nav-down { margin: 0 5px 0 0; background-position: 0 -35px; } .article #nav-right { margin: 0 0 0 8px; background-position: -35px -105px; } .article #nav-right:hover { background-position: -35px -70px; } .article #nav-up:hover { background-position: -35px 0; } .article #nav-left:hover { background-position: 0 -70px; } .article #nav-down:hover { background-position: 0 0; } .article #notice-right { background-position: -35px -35px; } .article #notice-right:hover { background-position: -35px 0px; } .article #notice-right-index { background-image: url(../image/spirt-1.png); background-position: -35px -210px; width: 35px; height: 35px; } .article #notice-right-index:hover { background-position: -36px -245px; } .article #notice-right-index { display: none; } /* toggle jquery */#toggle-container { display: block; width: 100%; text-align: left; padding: 1px 10px !important; margin: 71px 0 0 0 !important; background: rgba(0,0,0,0.7); border-top: 1px solid rgba(0,0,0,0.7); } .footer-width { max-width: 1040px; margin: 0 auto; } #toggle-container a { font-size: 12px; font-weight: bold!important; color: rgba(255,255,255,0.5); outline: 0 none; position: relative; z-index: 999; } #blog-pager { width: 400px; float: right; padding: 0 !important; margin: 0 !important; color: rgba(255,255,255,0.5); } #blog-pager a { font-size: 12px!important; color: rgba(255,255,255,0.5); } li#blog-pager-newer-link { padding: 0 40px; ; border-left: 1px solid rgba(255,255,255,0.1); } li#blog-pager-older-link { padding: 0 40px; border-left: 1px solid rgba(255,255,255,0.1); } li.judul-posting a { font-size: 25px !important; font-family: 'Raleway','arial narrow','arial',sans serif; color: rgba(255,255,255,0.5); text-transform: uppercase; line-height: 44px!important; } li.judul-posting:before { content: "\2729"; width: 1em; float: left; text-align: center; font-size: 1.5em; } #toggle-container li { float: left; height: 50px; display: inline; line-height: 50px; } li.home-link { width: 140px; font-size: 12px!important; border-left: 1px solid rgba(255,255,255,0.1); padding-left: 20px; }/* footer body */.footerwrap { background-color: #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 4px hsla(0,0%,0%,.9),0 1px 0 hsla(0,0%,100%,.2)inset; -moz-box-shadow: 0 1px 4px hsla(0,0%,0%,.9),0 1px 0 hsla(0,0%,100%,.2)inset; box-shadow: 0 1px 4px hsla(0,0%,0%,.9),0 1px 0 hsla(0,0%,100%,.2)inset; } .footerwrap,.footerwrap a,.footergrd p { text-decoration: none; color: #444; } .footerwrap { width: 100%; margin: 0 auto !important; padding-bottom: 20px; font-size: 12px; text-align: left; color: #aaa; position: relative; z-index: 20; } /* footer 3 kolom */.footergrd { margin: auto; width: 1000px; padding-bottom: 3px; padding-top: 20px; } .footergrd-m1 { float: left; width: 22px; height: 1px; } .footergrd-c1 { float: left; width: 11% !important; margin-left: 20px; } .footergrd-m2 { float: left; width: 20px; height: 1px; } .footergrd-c2 { float: left; width: 34% !important; } .footergrd-m3 { float: left; width: 20px; height: 1px; } .footergrd-c3 { float: left; width: 46% !important; overflow: hidden; margin-right: 2px; } .footergrd-2coll { float: left; width: 47%; margin-right: 10px; } nav ul.menu-3 li { padding: 2px 0 !important; margin: 0 !important; border-bottom: 1px solid rgba(100,100,100,0.1); } nav ul.menu-3 li a { background-image: url(../image/spirt-2.png); background-repeat: no-repeat; margin: 0; padding: 0 0px 0px 26px; line-height: 16px; text-decoration: none; } nav ul.menu-3 li.blogger a { background-position: 0px -4px; } nav ul.menu-3 li.g-site a { background-position: 0px -28px; } nav ul.menu-3 li.disqus a { background-position: 0px -77px; } nav ul.menu-3 li.w3c a { background-position: 0px -53px; } .bawah-2kolomfooter li { background-position: 0 8px; background-repeat: no-repeat; margin: 0; padding: 4px 12px 5px 1px!important; line-height: 16px; text-decoration: none; background-image: none; } .bawah-2kolomfooter li:before { content: "\2234"; padding-right: 7px; } h5.data-title { height: 30px; font-size: 20px; text-transform: uppercase; } .profil-dep-home u { font-weight: bold !important; } .fott-bottom-m1 { float: left; width: 22px; height: 1px; } .bx201 { padding-top: 29px; } footer.footerwrap article.footergrd li { padding: 2px 1px; list-style: none!important; border-bottom: 1px solid rgba(100,100,100,0.1); } .footerwrap h1 { font-size: 28px; text-transform: uppercase; line-height: 20px; } .footerwrap .sharing div { float: left !important; display: inline; } .footergrd-c3 li span.one-1 { width: 110px !important; } .footergrd-c3 li span.two-2 { padding-left: 10px; } .footergrd-c3 li span.one-1:before { content: "\25BA"; } .profil-image-home { width: 28%; position: relative; overflow: hidden; float: left; margin: 10px 0; padding-bottom: 40px; } .profil-image-home img { border-radius: 160px; -moz-border-radius: 160px; -webkitborder-radius: 160px; } a.fb,a.twitter,a.google-plus { border: #222 solid 4px; border-radius: 160px; border-radius: 50px; transition: all 0.2s ease-out; } .profil-image-icon img:hover { opacity: 0.9; } img.profile-img { width: 72px !important; height: 72px !important; margin: 13px 0 20px 2px; float: left !important; } .profil-dep-home { margin: 10px 0; width: 72%; float: left; } .profil-dep-home p { line-height: 16px; padding-bottom: 1px !important; } a.fb { background-image: url(../image/spirt-2.png); background-repeat: no-repeat; background-position: 0 -99px; width: 21px; height: 21px; position: absolute; top: 6px; right: 14px; } a.twitter { background-image: url(../image/spirt-2.png); background-repeat: no-repeat; background-position: -2px -124px; width: 18px; height: 18px; position: absolute; top: 38px; right: 7px; } a.google-plus { background-image: url(../image/spirt-2.png); background-repeat: no-repeat; background-position: -2px -146px; width: 16px; height: 16px; position: absolute; top: 67px; right: 17px; } a.fb:hover { border: 4px solid #5e83cf !important; box-shadow: 0 0 10px #3b5998,0 1px 3px #000 !important; -webkit-box-shadow: 0 0 10px #3b5998,0 1px 3px #000 !important; -moz-box-shadow: 0 0 10px #3b5998,0 1px 3px #000 !important; } a.twitter:hover { border: 4px solid #45c6e3 !important; box-shadow: 0 0 10px #45c6e3,0 1px 3px #000 !important; -webkit-box-shadow: 0 0 10px #45c6e3,0 1px 3px #000 !important; -moz-box-shadow: 0 0 10px #45c6e3,0 1px 3px #000 !important; } a.google-plus:hover { border: 4px solid #e36347 !important; box-shadow: 0 0 10px #e36347,0 1px 3px #000 !important; -webkit-box-shadow: 0 0 10px #e36347,0 1px 3px #000 !important; -moz-box-shadow: 0 0 10px #e36347,0 1px 3px #000 !important; } /* #navmenu footer fixed */.fotter-fixed { position: fixed; bottom: -28px; overflow: hidden; left: 0; right: 0; z-index: 100; box-shadow: 0 -1px 3px rgba(0,0,20,0.30),inset 0 0 40px rgba(0,0,20,0.20)!important; -moz-box-shadow: 0 -1px 3px rgba(0,0,20,0.30),inset 0 0 40px rgba(0,0,20,0.20)!important; -webkit-box-shadow: 0 -1px 3px rgba(0,0,20,0.30),inset 0 0 40px rgba(0,0,20,0.20)!important; } #bottom-nav { position: relative!important; height: 190px; bottom: 0; left: 0; right: 0; width: 100%; color: #555; display: none; border-top: 1px solid #e0e0e0; box-shadow: inset 0 0 70px rgba(0,0,20,0.20)!important; -moz-box-shadow: inset 0 0 70px rgba(0,0,20,0.20)!important; -webkit-box-shadow: inset 0 0 70px rgba(0,0,20,0.20)!important; } .Hidde-bottom-nav { border-top: 1px solid #555; background: rgba(255,255,255,0.70); position: relative!important; z-index: 1090; width: 100%; height: auto; padding: 0; margin: 0; } #bottom-nav h5 { text-transform: uppercase; margin: 0 0 10px 0; color: #111!important; } #bottom-nav small { font-size: 12px; color: #333 !important; } #bottom-nav small a { color: #333 !important; } .open-bottom-nav,.close-bottom-nav { margin: 0px 0 0 0; line-height: 15px; cursor: pointer; padding: 0px 0 0 0px; } .open-bottom-nav:before { content: ""; width: 16px; height: 19px; display: inline; float: left; padding: 14px 0 0 0; background: url(../image/open-bottom-nav.png)no-repeat top center; } .close-bottom-nav:before { content: ""; width: 16px; height: 19px; display: inline; float: left; padding: 14px 0 0 0; background: url(../image/close-bottom-nav.png)no-repeat top center; } nav#navmenu { position: relative!important; overflow: hidden!important; bottom: 0; left: 0; right: 0; width: 100%; height: 25px; color: #222; text-decoration: none; text-shadow: 0 1px 1px rgba(0,0,0,0.4)!Important; background: rgba(85,85,85,0.85); border: none; } nav#navmenu a { text-shadow: 0 1px 1px rgba(0,0,0,0.4)!Important; } nav#navmenu ul { position: relative!important; overflow: hidden; bottom: 0; margin: 5px 0 0 0; left: 5px; width: 1800px !important; float: left; clear: both; z-index: 1000; font-size: 11px; color: #f1f1f1; text-align: center; text-transform: uppercase; list-style: none; padding-left: 10px; } nav#navmenu ul li { float: left; margin: 0 0 0 7px; }]]>